<!--{assign var="menu_id" value="msgchat"}-->
<!--{include file="<!--{$oetplpath}-->block_header.tpl"}--> 
<!--{include file="<!--{$oetplpath}-->block_top.tpl"}-->
<!--{include file="<!--{$oetplpath}-->block_banner.tpl"}-->
<link rel="stylesheet" href="<!--{$userskin}-->css/swiper.css" />
<script src="<!--{$userskin}-->js/swiper.min.js"></script>
<script src="<!--{$userskin}-->js/msgchat.js"></script>
<div class="oe_shade">
  <div class="oe_shade_wrap" style="width:850px;">
    <span class="close"></span>
    <div class="oe_chat_box" style="width:850px;">
      <input type="hidden" id="msgchat_uid" value="<!--{$chatuser.userid}-->" />
	  <input type="hidden" id="msgchat_sid" value="<!--{$sid}-->" />
      <div class="bd oe_chat">
        <div class="left">
          <div class="lefttop">
            <span class="current" id="tab_chating">聊天<i></i></span>
            <label id="tab_contact_list">联系人<em>(259)</em></label>
          </div>
		  <div class="clear"></div>

          <div class="leftuser" id="chating_user_data">

          </div>
		  <div class="clear"></div>
		  <!--//chating_user_data End-->
		  
          <div class="left_box" id="chating_contact_list" style="display:none;">
            <div class="leftuserlist" id="chating_contact_list_data">
			
			</div>
            <div class="msgchat_more_page" f="but_get_msgcontactpage" data-page="">
		      <span>加载下一页</span> <br> <label style="display:none;"></label>
            </div>
          </div>
		  <div class="clear"></div>
		  <!--//chating_contact_list_data End-->
        </div>
		<!--//left End -->

        <div class="right">
          <div class="top" id="chat_log_chatuser_data">

          </div>
		  <!--//chat_log_chatuser_data End-->
		  <div class="content_box" id="chat_content">
		    <div class="msgchat_more_page" f="but_get_msgchatpage" data-page="">
		      <span>加载下一页</span> <br> <label></label>
		    </div>

            <div class="content" id="chat_log_data">
		   
            </div>
			<!--//chat_log_data End-->

			<div class="tips_gift">
			  <p class="p_1">对<!--{if $chatuser.gender == '1'}-->他<!--{else}-->她<!--{/if}-->感觉不错？</p>
			  <p id="msgchat_sendgift" f="pop_send_gift" data-touid="<!--{$chatuser.userid}-->" class="p_2 cursor"><span>您可以赠送<!--{if $chatuser.gender == '1'}-->他<!--{else}-->她<!--{/if}-->礼物哦~</span></p>
			</div>
			<!--//tips_gift-->

          </div>
		  <!--//content_box End-->

          <div class="sendbox">
            <span class="face cursor" f="msgchat_tab_em"></span>
			<textarea id="msgchat_content" cols="30" rows="10"></textarea>
			<label f="but_sendmsg" class="cursor">发送</label>

			<div class="oe_msg_face" id="msg_face_box" style="display:none;">
			  <span class="jiao"></span>
			  <div class="swiper-container">
				<div class="swiper-wrapper">
				  <div class="swiper-slide">
					<ul>
					  <!--{assign var="em_i" value=0}--> 
					  <!--{section name=em loop=48}--> 
					  <!--{assign var="em_i" value=$em_i+1}-->
					  <li><img class="cursor" src="<!--{$urlpath}-->tpl/static/images/face/<!--{$em_i-1}-->.gif" f="but_msgchat_selectem" data-id="<!--{$em_i-1}-->"></li>
					  <!--{/section}-->
					</ul>
					<div class="clear"></div>
				  </div>

				  <div class="swiper-slide">
					<ul>
					  <!--{assign var="em_i" value=49}--> 
					  <!--{section name=em loop=48}--> 
					  <!--{assign var="em_i" value=$em_i+1}-->
					  <li><img class="cursor" src="<!--{$urlpath}-->tpl/static/images/face/<!--{$em_i-1}-->.gif" f="but_msgchat_selectem" data-id="<!--{$em_i-1}-->"></li>
					  <!--{/section}-->
					</ul>
					<div class="clear"></div>
				  </div>
				</div>
				<div class="swiper-pagination"></div>
			  </div>
				<script>
				$(function(){
					new Swiper('.swiper-container', {
						pagination: '.swiper-pagination',
						paginationClickable: true
					});
				});
				</script> 
			</div>
			<!--//oe_msg_face End-->
          </div>

        </div>
        <div class="clear"></div>
		<!--//right End-->
      </div>
	  <!--//bd oe_chat End-->

	  <div class="oe_openmsg_box" id="free_msgchat_box" style="display:none;">
	    <div class="oe_openmsg" id="free_msgchat_data" style="display:none;">
		  <h3>选择解锁方式</h3>
		  <div class="oe_opencon">
		    <p class="p_1">
		      <span class="cursor" f="but_open_msgchat_paytype">支付<!--{doubleval($config.free_msgchat_fee)}--><!--{$config.moneyname}-->解锁</span>
			  <label><a href="<!--{$oefile}-->&c=vip">升级会员解锁</a></label>
		    </p>
		    <p class="p_2"><span class="cursor" f="but_close_free_msgchat">取消</span></p>
		  </div>
	    </div>
	  </div>
	  <!--//oe_openmsg_box End 解锁方式 -->


	  <div class="oe_shade_pay" id="msgchat_pay_box" style="display:none;">
		<div class="oe_shade_paycon" id="msgchat_pay_data" style="display:none;">
		  <dl>
			<dt>
			  <h4>选择支付方式</h4>
			  <ul>
				<li class="balance cursor" f="but_msgchat_confirm_pay" data-sdkid="999" data-sdkname="balance"><span></span>余额支付 (<em><!--{$login.info.money}--></em>元)</li>
				<!--{assign var="pay_list" value=vo_list("mod={payment} where={v.type='pc' AND v.flag='1' AND v.sdkflag='1'}")}-->
				<!--{foreach $pay_list as $val}-->
				<li class="<!--{$val.sdkname}--> cursor" f="but_msgchat_confirm_pay" data-sdkid="<!--{$val.sdkid}-->" data-sdkname="<!--{$val.sdkname}-->"><span></span><!--{$val.title}--></li>
				<!--{/foreach}-->
			  </ul>
			  <div class="clear"></div>
			</dt>
			<dd class="cursor" f="but_close_msgchat_paytype"><span>取消</span></dd>
		  </dl>
		</div>
	  </div>
	  <!--//支付方式-->

    </div>
	<!--//oe_chat_box End-->
  
  
  
  </div>
</div>

<script type="text/javascript">
$(function(){
	//初始化数据
	_getChatingUserData("userleft");
	_getChatingUserData("userright");
	_getMsgchatPageList(1);
});
</script>
</body>
</html>